*{
    padding:0;
    margin:0;
}
#top{
    width:100%;
    height:80px;
    background:rgb(255,255,255);
}
#top #logo{
    width:30%;
    height:80px;
    float:left;
}
#top #logo span{
    width:50%;
    height:80px;
    display:block;
    font-family: "微软雅黑";
    font-weight: bolder;
    font-size: 50px;
    letter-spacing: 2px;
    color:rgb(0,155,216);
    text-align: center;
    line-height: 80px;
    margin-left:25%;
}
#userInfo{
    width:70%;
    height:80px;
    float:right;
}
#top #userInfo ul{
    width:65%;
    height:80px;
    list-style:none;
    margin-left:35%;
}
#top #userInfo ul li{
    float:left;
    width:25%;
    height:80px;
}
#top #userInfo ul li a{
    display:block;
    width:100%;
    height:40px;
    margin-top:20px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    color:rgb(153,153,153);
}
#first{
    width:100%;
    height:50px;
    background:rgb(0,115,216);
}
#first ul{
    width:50%;
    height:50px;
    list-style:none;
    margin-left:50%;
}
#first ul li{
    width:18%;
    height:50px;
    float:left;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
}
#first ul li:hover{
    background:rgba(255,255,255,.3);
}
#first ul li:visited{
    background:rgba(255,255,255,.3);
}
#first ul li a{
    display:block;
    width:100%;
    height:50px;
    text-align: center;
    line-height: 50px;
    font-family: "微软雅黑";
    color:white;
    text-decoration:none;
}
#second{
    width:100%;
    margin-top:50px;
}
#second #left{
    width:30%;
    float:left;
    height:500px;
}
#second #left ul{
    width:100%;
    height:120px;
    margin-left:10%;
    list-style:none;
}
#second #left ul li{
    width:80%;
    height:40px;
    margin-top:2px;
    border-bottom:1px solid rgba(64,64,64,.4);
}
#second #left ul li a{
    display:block;
    width:100%;
    height:40px;
    text-decoration: none;
    text-align:center;
    line-height:40px;
    font-family: "微软雅黑";
}
#second #left ul li a:hover{
    color:blue;
}
#second #right{
    width:70%;
    height:500px;
    float:right;
}
#second #right h2{
    width:20%;
    height:50px;
    font-weight: bolder;
    text-align: center;
    line-height: 50px;
}
#second #right input{
    display:block;
    width:50%;
    height:30px;
    outline: none;
    border:0;
    text-indent: 5px;
    border:1px solid deepskyblue;
}
#second #right span{
    display:block;
    width:10%;
    height:40px;
    text-align: left;
    line-height: 40px;
    color:lightgray;
}
#second #right textarea{
    width:50%;
    height:100px;
    text-indent: 5px;
    border:1px solid deepskyblue;
    outline: none;
}
#second #right select{
    width:10%;
    height:30px;
    border:1px solid deepskyblue;
    outline: none;
}
#second #right #submit{
    height:50px;
    margin-top:30px;
    color:white;
    background:deepskyblue;
    font-size:15px;
    font-family: "微软雅黑";
}
#second #right #submit:hover{
    background: cornflowerblue;
    cursor: pointer;
}

#create{
    display:block;
    width:20%;
    height:45px;
    margin-top:20px;
    text-align:center ;
    line-height: 45px;
    text-decoration: none;
    font-size:20px;
    font-weight:bolder;
    -webkit-transition:all .2s linear;
    border:1px solid blue;
}
#create:hover{
    background:rgb(0,115,216);
    color:white;
}
#right_1{
    width:100%;
    height:170px;
    margin-top:20px;
    background:blue;
}
#right_1 #devices{
    width:99%;
    height:170px;
    background:rgb(250,250,250);
    margin-left:1%;

}
#right #devices #left{
    width:50%;
    height:170px;
    float:left;
}
#right .box{
    width:50%;
    height:30px;
    margin-top:5px;
    font-size:14px;
    font-weight: bolder;
    text-align: left;
    line-height: 30px;
}
#right #box2{
    width:70%;
}
#right #box3{
    width:70%;
}
#right_right{
    width:50%;
    height:170px;
    float:right;
}
#right_right #manage{
    margin:30px auto;
    background:white;
    color:cornflowerblue;
    cursor: pointer;

}
#right_right #manage:hover{
    background:cornflowerblue;
    color:white;
}
#button{
    display:block;
    width:250px;
    height:30px;
    border:1px solid cornflowerblue;
    background:white;
    outline:none;
    color:cornflowerblue;
    margin-left:24%;
    cursor: pointer;
    text-align: center;
    line-height:30px;
    margin-top:20px;
    text-decoration: none;
}
#button:hover{
    background:cornflowerblue;
    color:white;
}
